<style type="text/css">
#base_component #component_measure {
	width:820px;
	height: 297px;
	margin:0 auto;
	margin-top:5px;
}
.measure_table {
	height: 317px;
	width: 200px;
	float:left;
	margin-left:4px;
}
.measure_table #header {
	height:40px;
	width:100%;
	line-height: 40px;
	text-align: center;
	vertical-align: middle;
	background-image: url(../images/component_measure_header.png);
}
.header_text {
	height:22px;
}
#header .measure_btn {
	height:16px;
	width:16px;
}
#header .measure_btn:hover {
	border: 1px solid #CCC;
}
#header .measure_add {
	float:right;
	background-image: url(../images/add.gif);
	background-repeat: no-repeat;
}
#header .measure_delete {
	float:left;
	background-image: url(../images/delete.gif);
	background-repeat: no-repeat;
}
.spline {
	float:left;
	height:100%
}
</style>
<script type="text/javascript" src="js/component_detail.js"></script>
<div id="model_layout">
<div id="tool" class="dlgToolBar">
  <div style="float:right;width:500px; ">
    <div id="tool_add"  class="tool_btn" style="float:left"> 添加</div>
    <div id="tool_delete"  class="tool_btn" style="float:right"> 删除</div>
  </div>
</div>
<div id="component_model"  > </div>
</div>
<div id='measureTabs' >
  <ul style='margin-left: 2px;'>
    <li>
      <div class="measure_title" target="yc">遥测</div>
    </li>
    <li>
      <div class="measure_title" target="yx">遥信</div>
    </li>
    <li>
      <div class="measure_title" target="yk">遥控</div>
    </li>
    <li>
      <div class="measure_title" target="yt">遥调</div>
    </li>
   
  </ul>
  <div>
    <div id="measure_yc">a</div>
  </div>
  <div>
    <div id="measure_yx">b</div>
  </div>
  <div>
    <div id="measure_yk">c</div>
  </div>
  <div>
    <div id="measure_yt">d</div>
  </div>
</div>